AI-SaaS Elite - Premium AI Dashboard & Landing Page HTML Template

AI-SaaS Elite is the ultimate HTML5/CSS3/JS template for modern Artificial Intelligence startups and SaaS platforms — now featuring a LIVE, working AI image generation system powered by the Hugging Face FLUX.1-schnell model.

This is not a static mockup. Buyers get a fully functional AI image generator that generates 3 real, distinct image variations simultaneously directly in the browser. Just insert your free Hugging Face API key and start generating in minutes!

WHAT MAKES THIS UNIQUE:

Real AI Image Generation — Integrated with Hugging Face's FLUX.1-schnell model. Enter a prompt, click Generate, and get 3 distinct high-quality AI image variations in seconds. Supports Photorealistic, Anime, Oil Painting, and Pixel Art styles.

Token-Based System — Each batch generation uses 150 tokens (50 per image × 3). Plans include 5,000 to 100,000 tokens per billing period. Token balance and plan data persist in localStorage. Tokens automatically reset at the end of each billing cycle.

Pricing Plans — Starter ($29/mo), Pro ($79/mo), and Enterprise ($299/mo) tiers. Both monthly and yearly billing (save 20% annually). Token quotas are clearly shown on the pricing page.

Payment Gate — When a user's tokens run low, a sleek full-screen modal blocks further generation and prompts them to upgrade. Activation buttons on the pricing page link directly to the payment page with the correct plan pre-loaded.

Payment Page (payment.html) — A premium credit card + PayPal UI. On "Pay Now," the selected plan is activated in localStorage and the user is redirected to the dashboard with their new token quota. Full Stripe.js and PayPal integration code is documented.

Live Dashboard — Tokens remaining, plan name, and usage percentage are all live — driven dynamically by the AI engine, not hardcoded. The dashboard includes a sidebar API key panel so buyers can set their HF key without editing files.

Secure Logic Simulation — Professional pre-built frontend logic! Clicking "Start 15-Day Free Trial" securely redirects anonymous users to a sleek login page before collecting payment. The localized payment form includes strict JavaScript-level credit card validation to prevent fake/empty form abuse.

AI Kanban Board — Drag-and-drop generation pipeline tracker (SortableJS). Three columns: Queue, In Progress, Generated.

Token Usage Chart — Chart.js visualization of weekly token consumption.

Dark/Light Mode — Expertly crafted dark and light themes, persisted in localStorage.

Premium Design — Glassmorphism, mesh gradients, smooth animations, Inter typography.

Production Ready — Clean, zero-dead-code structure. All assets (CSS, JS, fonts, icons) are locally hosted for offline use and fast load times.

Fully Documented — A complete Documentation/index.html walks buyers through every step: installation, API key setup, token system, payment integration (Stripe & PayPal code samples), and customization.